@use 'sass:map';
// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use './mixin/mixins.scss' as *;
@use './mixin/function.scss' as *;
// // {$badge}
@use './common/var.scss' as *;

@import 'common/index.scss';

@include bem_b(skeleton-menu) {
	@include bem_e(rows) {
		@include flex;
		padding: 6px 0;
		&__item {
			width: 8px;
			height: 8px;
			border-radius: 50%;
			@include VueAndNvueStyleAttr('background-color','skeleton', 'swiper-dot-bg-color');
			margin-right: 6px;
			&:last-child {
				margin-right: 8px;
			}
		}
	}
	@include bem_e(cols) {
		@include flex(column);
		align-items: center;
		justify-content: center;
		flex: 1;

		&__icon {
			margin-bottom: 4px;
			overflow:hidden;
			&--circle {
				@include VueAndNvueStyleAttr('border-radius','skeleton', 'menu-icon-circle');
			}
			&-block{
				width: 36px;
				height: 36px;
			}
		}
		&__text {
			width: 36px;
			height: 6px;
		}
	}
}
